import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
  },
  titleContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    borderBottomWidth: 1,
    borderColor: '#aaa',
    paddingVertical: 5,
  },
  title: {
    fontSize: 20,
    textTransform: 'uppercase',
    fontWeight: '900',
    color: '#003D9A',
  },
  foldIconButtonContainer: {
    // borderWidth: 1,
    paddingHorizontal: 5,
  },
  tabContainer: {
    // marginHorizontal: 20,
    borderBottomWidth: 1,
    borderColor: '#97B5E2',
  },
  buttonsContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  touchAble: {
    padding: 10,
    // marginHorizontal: 20,
    // backgroundColor: 'skyblue',
    // flex: 1,
    borderRadius: 4,
    alignItems: 'center',
  },
  indicator: {
    backgroundColor: '#003D9A',
    height: 4,
    // left: 100,
  },
  indicatorContainer: {
    width: '100%',
    borderBottomWidth: 1,
  },
  scrollContainer: {
    height: 300,
    alignItems: "center",
    justifyContent: "center",
    // backgroundColor: 'yellow',
  },
  card: {
    flex: 1,
    marginVertical: 4,
    marginHorizontal: 16,
    borderRadius: 5,
    overflow: "hidden",
    alignItems: "center",
    justifyContent: "center"
  },
  textContainer: {
    backgroundColor: "rgba(0,0,0, 0.7)",
    paddingHorizontal: 24,
    paddingVertical: 8,
    borderRadius: 5
  },
  infoText: {
    color: "white",
    fontSize: 16,
    fontWeight: "bold"
  },
  normalDot: {
    height: 8,
    width: 8,
    borderRadius: 4,
    backgroundColor: "silver",
    marginHorizontal: 4
  },
  indicatorContainer: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center"
  },

  containerA: {
    marginTop: 16,
    backgroundColor: "white",
    padding: 16,
    borderTopLeftRadius: 8,
    borderTopRightRadius: 8,
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "space-between"
  },
  titleA: {
    fontSize: 16,
    fontWeight: "bold"
  },
  itemsA: {
    overflow: "hidden"
  }
});

export default styles;
